<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ include file="/jqueryeasyui/jquery.easyui.jsp"%>
<script type="text/javascript" src="index.js"></script>
<style type="text/css">
div {
	border: solid 1px blue;
}

span {
	border: solid 1px red;
}

#divOne,#divTwo,#divSix{
	width: 150px;
	height: 150px;
}

#divTitle {
	background-color: #ccc;
}

.dropDiv {
	width: 50px;
	height: 30px;
	margin: 5px;
}
</style>
</head>
<body>
	<div
		style="overflow: auto; width: 800px; height: 600px; position: relative;">
		<div id="divOne">
			我可以拖动！<br /> <span id="spOne">开启拖动！</span> <br /> <span id="spTwo">关闭拖动！</span>
		</div>
		<br />
		<div id="divTwo">
			<div id="divTitle">标题拖动</div>
		</div>

		<div id="divThree" class="dropDiv">张山</div>
		<div id="divFour" class="dropDiv">李斯</div>
		<div id="divFive" class="dropDiv">王五</div>
		<div id="divSix">
		</div>
	</div>
</body>
</html>